<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- 可选的Bootstrap主题文件（一般不使用） -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<style type="text/css">
    #header {
        width: 100%;
        height: 50px;
        right: 50px;
        top: 20px;
    }
#footer {
    width: 100%;
    height: 50px;
    bottom: 10px;
    background-color:whitesmoke;
}
</style>

<title>welcome</title>
</head>
<body background="./images/index_bg.jpg">
<br>
<span style="margin-left:1%; margin-top:1%;color:white; ">欢迎光临，猫狗之家  请<a href="login.jsp">&nbsp{登陆}&nbsp</a>|<a href="register.jsp">&nbsp{注册}&nbsp</a>
</span>

<span id="header">
		<a href="about_us.jsp" style="float: right">关于我们</a>
	</span>
	<br>
<br>
<div>
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
    <div class="navbar-header">
        <a class="navbar-brand" href="#">Cats_Dogs</a>
    </div>
    <div>
        <ul class="nav navbar-nav">
            <li><a href="welcome.jsp">首页</a></li>
            <li><a href="list.jsp">领养宠物</a></li>
            <li><a href="add.jsp">送养宠物</a></li>
            <li class="active"><a href="animal_health.jsp" style="color:red">动物健康</a></li>
            <li><a href="notes.jsp">领养须知</a></li>
            <li><a href="promise.jsp">许愿墙</a></li>
            <li  class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    用户
                    <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">修改个人信息</a></li>
                    <li><a href="#">退出</a></li>
                    <li class="divider"></li>
                    <li><a href="#">我发布的信息</a></li>
                    <li class="divider"></li>
                </ul>
        </ul>
    </div>
    </div>
</nav>
</div>
<div style="overflow-y:auto; overflow-x:auto;height:500px;text-align:left; background:#FCFCFC; margin-top:0%;margin-bottom:0%;margin-left:5%;margin-right:5%; border: 2px solid #8AC007;border-radius:3px;" >
	<div>
	 <hr style="height:1px;border:none;border-top:1px solid #555555;" />
	<p style="background-color:#F0F0F0; font-size:30px">狗狗知识</p>
	
 			<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
        	 <li><a href="http://www.cwlyz.cn/Home/News/newsInfo/read_id/902.html"> 猫咪抑郁症有哪些表现,猫咪抑郁怎么办</a></li>
        	 <hr style="height:1px;border:none;border-top:1px solid #555555;" />
             <li><a href="http://www.cwlyz.cn/Home/News/newsInfo/read_id/901.html">比特犬怎么养？该如何饲养好一只比特犬？</a></li>
             <hr style="height:1px;border:none;border-top:1px solid #555555;" />
              <li><a href="http://www.cwlyz.cn/Home/News/newsInfo/read_id/890.html">如何饲养茶杯犬？茶杯犬寿命有多长？</a></li>
               <hr style="height:1px;border:none;border-top:1px solid #555555;" />
	</div>
		<br>
	<div>
	
	<p style="background-color:#F0F0F0; font-size:30px">猫咪知识</p>
	<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
		 <li><a href="http://www.cwlyz.cn/Home/News/newsInfo/read_id/910.html">猫咪抑郁症有哪些表现,猫咪抑郁怎么办</a></li>
		  <hr style="height:1px;border:none;border-top:1px solid #555555;" />
		<li><a href="http://www.cwlyz.cn/Home/News/newsInfo/read_id/909.html">猫咪肚子为什么会发出呜呜声</a></li>
		 <hr style="height:1px;border:none;border-top:1px solid #555555;" />
		<li><a href="http://www.cwlyz.cn/Home/News/newsInfo/read_id/908.html">女生养猫易得神经质,养猫影响怀孕吗</a></li>
		 <hr style="height:1px;border:none;border-top:1px solid #555555;" />
	</div>
</div>


<div id="footer" style="left: 0;position: fixed;bottom: 0;width: 100%;z-index: 100;">
    <p align="center" ;style="font-size: 1px;">
        @2017 红领巾 <a href="http://iss.whu.edu.cn/">武汉大学国际软件学院</a><br>
        @一切解释权归范盼阳小队所有
    </p>
</div>
	
</body>
</html>